body{
	background:url(../images/bg_body_test.jpg) !important;
}

/*header*/
#header_test{
	position:relative;
	width:100%;
	height:90px;
}
#header_test #logo{
	float: left;
    position: absolute;
    top: 10px;
    width: 352px;
	left:0;
}
#header_test #user_cp{
	background: url("../images/bg_user_cp_test.png") no-repeat scroll right 0 transparent;
    float: right;
    height: 60px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 568px;
}
#header_test #user_cp ul.list_cp{
	float:right;
	margin:2px 0 5px 0px;
}
#header_test #user_cp ul.list_cp li{
	float:left;
	padding:0 9px;
	font-size:14px;
	height:32px;
}
#header_test #user_cp ul.list_cp li:first-child{
	padding-left:5px;
}
#header_test #user_cp ul.list_cp li a{
	color:#333;
	line-height:32px;
	float:left;
}
#header_test #user_cp ul.list_cp li a span{
	position:relative;
	top:-10px;
}
#header_test #user_cp ul.list_cp li:first-child a{
	color:#00ccff;
	padding:0 15px 0 10px;
	background:url(../images/icon_dropdown.png) no-repeat right 14px;
	
}
#header_test #user_cp ul.list_cp li a span.cong{
	color:#00ccff;
	padding-left:5px;
	font-size:14px;
}
#header_test #user_cp ul.list_cp li.border_right{
	border-right:1px solid #ccc;
}
/*content*/
#content #top_content_test{
	position:relative;
	width:100%;
	height:25px;
}
#content #top_content_test .bnt_top_content_test{
	position:absolute;
	right:0px;
	top:-25px;
}

#content .mid_content_test{
	width:100%;
	padding-bottom:70px;
}
#content .mid_content_test .left_mid_content_test{
	float:left;
	width:300px;
}
#content .mid_content_test .left_mid_content_test .ct_left_test{
	text-align:right;
	padding-right:20px;
}
#content .mid_content_test .left_mid_content_test .ct_left_test p{
	color:#686868;
	font-size:22px;
	line-height:30px;
}
#content .mid_content_test .left_mid_content_test .ct_left_test a.huongdan{
	color:#00ccff;
	font-size:14px;
	font-weight:bold;
	line-height: 27px;
}
#content .mid_content_test .right_mid_content_test{
	float:left;
	width:680px;
	padding-left:20px;
	background:url(../images/right_test_bg.png) repeat-y;
	min-height:250px;
}
#content .mid_content_test .right_mid_content_test .ct_right_test {
	background:#e3f9fa;
	padding:10px;
	border-radius:10px;
	behavior: url(PIE.htc);
}
#content .mid_content_test .right_mid_content_test .ct_right_test .text{
	padding-bottom:30px;
	line-height:25px;
	font-size:16px;
}
#content .mid_content_test .right_mid_content_test .ct_right_test .text span{
	font-size:24px;
	color:#00ccff;
}
#content .mid_content_test .right_mid_content_test .ct_right_test .timhieuthem {
	float:right;
	color:#00ccff;
	text-decoration:underline;
	margin-top:5px;
	font-style:italic;
}
/*test matching*/
#content .mid_content_test .title_test {
	width:100%;
	padding:10px;
	position:relative;
}
#content .mid_content_test .multi_definition{
	min-height:130px;
}
#content .mid_content_test .left_definition_option{
	padding:20px;
	width:560px;
}
#content .mid_content_test .left_definition_option span{
	color:#00868c;
	font-size:20px;
	font-weight:bold;
}
#content .mid_content_test .choncaudung{
	padding: 0 0 0 30px;
}
#content .mid_content_test .left_definition_option span.bold{
	font-size:20px;
	font-weight:bold;
	color:#00868c;
}

#content .mid_content_test .multi_definition p.text_word_option{
	font-size: 20px;
    line-height: 28px;
    padding: 0 0 0 20px;
}
#content .mid_content_test .multi_definition span.underline{
	color:#00868c;
}
#content .mid_content_test .multi_definition span.bold_color{
	color:#00ccff;
	font-weight:bold;
}
#content .mid_content_test .title_test .matching_next{
	background: url("../images/tiep_theo.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 60px;
}
#content .mid_content_test .title_test .matching_noixong{
	background: url("../images/noixong.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 60px;
}
#content .mid_content_test .title_test .matching_noixong:active{
	background: url("../images/noixong_hover.png") no-repeat scroll 0 0 transparent;
}
#content .mid_content_test .title_test .image_bye{
	position: absolute;
    right: 115px;
    top: 0;
}
#content .mid_content_test .title_test .num_1 {
	background: url(../images/vong.png) 0 0 no-repeat;
	width:46px;
	height:46px;
	position:relative;
	float:left;
}

#content .mid_content_test .title_test h1{
	font-size: 24px;
    padding: 15px 0 10px 66px;
}
#content .mid_content_test .title_test p{
    padding: 5px 0 10px 66px;
}
#content .mid_content_test .matching{
	padding:10px;
}
#content .mid_content_test .matching .left_matching {
	float: left;
    margin: 0 8% 0 2%;
    width: 40%;
	font-size:17px;
}
#content .mid_content_test .matching .right_matching{
	float: left;
    margin: 0 2% 0 8%;
    width: 40%;
	font-size:17px;
}
#content .mid_content_test .matching .left_matching_multi
{
	margin-left: 2%;
    margin-right: 8%;
}
#content .mid_content_test .matching .left_matching .list_left{
	float:left;
	width:100%;
	margin-top:70px;
	display:inline-block;
}
#content .mid_content_test .matching .left_matching .list_left li{
	padding:30px 10px;
	background:#fff;
	margin:15px 0;
	border-radius:10px;
	position:relative;
	behavior: url(PIE.htc);
}
#content .mid_content_test .matching .left_matching .list_left li .not{
	width:12px;
	height:12px;
	position:absolute;
	right:-30px;
	top:32px;
	background:url(../images/not.png);
}
#content .mid_content_test .matching .left_matching .list_left li .gold{
	position:absolute;
	right:10px;
	top:17px;
}
#content .mid_content_test .matching .left_matching .list_left li .gold span.icon{
	width:48px;
	height:43px;
	background:url(../images/gold_mc.png);
	display:inline-block;
}
#content .mid_content_test .matching .left_matching .list_left li .gold span.number{
	color: #32BCED;
    font-size: 30px;
    font-weight: bold;
    padding: 0 8px;
    position: relative;
    text-shadow: 0px 2px 0px #C7C7C7;
    top: -9px;
}
#content .mid_content_test .matching .left_matching .list_left li .view_card{
	bottom: -11px;
    color: #00868C;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-decoration: underline;
}
#content .mid_content_test .matching .right_matching .list_right li .view_card{
	bottom: -15px;
    color: #00868C;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-decoration: underline;
}
#content .mid_content_test .matching .right_matching .list_right{
	float:left;
	width:100%;
	display:inline-block;
}
#content .mid_content_test .matching .right_matching .list_right li{
	padding:0px 10px;
	background:#fff;
	margin:10px 0;
	border-radius:10px;
	position:relative;
	line-height:21px;
	behavior: url(PIE.htc);
	min-height:95px;
}

#content .mid_content_test .matching .right_matching .list_multi_definition_options li{
	margin:15px 0;
}
#content .mid_content_test .test_multi_word_options li{
	min-height:25px !important;
	padding:10px !important;
}
#content .mid_content_test .matching .vang{
	background:#eeef7b !important;
}
#content .mid_content_test .matching .tim{
	background:#c993db !important;
}
#content .mid_content_test .matching .xanh{
	background:#9ce5e8 !important;
}
#content .mid_content_test .matching .do{
	background:#ebb3b3 !important;
}
#content .mid_content_test .matching .xam{
	background:#e7e7e7 !important;
}
#content .mid_content_test .matching .xanh_la{
	background:#9ae39c !important;
}


#content .mid_content_test .matching .right_matching .list_right li .not{
	width:12px;
	height:12px;
	position:absolute;
	left:-30px;
	top:42px;
	background:url(../images/not.png);
}
#content .mid_content_test .matching .right_matching .list_right li.image p{
	width:210px;
}
#content .mid_content_test .matching .right_matching .list_right li img{
	float: right;
    position: absolute;
    right: 10px;
    top: 3px;
}
#content .mid_content_test .bnt_noixong{
	text-align:right;
	padding:10px;
}
/*view card*/
#view_card{
	background:url(../images/bg_view_card.png) 0 0 no-repeat;
	width:580px;
	height:252px;
	position:relative;
}
#view_card a.click_card{
	bottom: 10px;
    color: #00CCFF;
    left: 219px;
    position: absolute;
}
.dien_traloi{
	margin:5px 30px;
	background:#d7ecf1;
	border-radius:10px;
	padding:10px;
	behavior: url(PIE.htc);
}
.dien_traloi textarea{
	background:none;
	border:none;
	width:100%;
	height:30px;
	resize:none;
	outline:none;
}
/*test result page*/

#content .mid_content_test .left_mid_content_test .ct_left_test span{
	color: #00CCFF;
	padding:5px 0;
	line-height:23px;
}
#content .mid_content_test .right_mid_content_test .text h1{
	color:#00868c;
	font-size:24px;
}
#content .mid_content_test .right_mid_content_test .text .left_result_page {
	float:left;
	width:200px;
	font-size:14px;
}
#content .mid_content_test .result_right{
	padding:10px 0 !important;
}
#content .mid_content_test .result_right .result_text{
	padding-left:10px !important;
	padding-right:10px !important;
}

#content .mid_content_test .right_mid_content_test .text .right_result_page {
	float:left;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page span.ketqua{
	color:#555;
	font-size:24px;
	font-weight:bold;
	
}
#content .mid_content_test .right_mid_content_test .text .right_result_page span.ketqua_coin{
	bottom: 15px;
    color: #32BCED;
    font-size: 24px;
    font-weight: bold;
    left: 10px;
    position: relative;
    text-shadow: 1px 1px 1px #CCCCCC;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page span.hang_tang{
	 background: url("../images/hang_tang.png") no-repeat scroll 5px 0 transparent;
    color: #09C000;
    font-size: 12px;
    padding-left: 25px;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page span.hang_giam{
	 background: url("../images/hang_giam.png") no-repeat scroll 5px 0 transparent;
    color: #fb0707;
    font-size: 12px;
    padding-left: 25px;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page span.hang_giu{
	 background: url("../images/hang_giu.png") no-repeat scroll 5px 0 transparent;
    color: #9b9b9b;
    font-size: 12px;
    padding-left: 25px;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page img.coin{
	position:relative;
	bottom:7px;
}
#content .mid_content_test .right_mid_content_test .text .right_result_page a#detail{
	color:#00868c;
	font-size:12px;
	padding:0 10px 0 5px;
	background:url(../images/arrow_detail.png) no-repeat bottom right;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail {
	background:#fff;
	border:1px solid #ddeaed;
	margin-bottom: 20px;
	padding-bottom:10px;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail h2{
	font-size:14px;
	font-weight:bold;
	color:#9b9b9b;
	margin:10px;
	padding:10px 0;
	border-top:1px solid #ddeaed;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail h2:first-child{
	border:none;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail .text_matchinh{
	line-height: 28px;
    padding: 0 20px;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail .text_matchinh span{
	padding:2px 3px;
	border-radius:3px;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail .text_matchinh span.xanh{
	background:#c6ffa3;
	border:1px solid #a5e468;
}
#content .mid_content_test .right_mid_content_test  .ct_right_test #text_detail .text_matchinh span.do{
	background:#ffbfd6;
	border:1px solid #fd9cbf;
}
/*test typing*/
#content .content_test_typing{
	padding:20px;
}
#content .content_test_typing p{
	padding:10px 0;
}
#content .mid_content_test .content_test_typing .text_typing{
	padding:10px;
	border-radius:8px;
	margin-bottom:30px;
	position:relative;
}
#content .mid_content_test .content_test_typing .text_typing .view_card{
	position:absolute;
	right:0;
	bottom:-15px;
	color:#00868c;
	text-decoration:underline;
}
#content .mid_content_test .content_test_typing .red{
	background:#ebb3b3;
}
#content .mid_content_test .content_test_typing .white{
	background:#fff;
}
#content .mid_content_test .content_test_typing .text_typing textarea{
	background:none;
	border:none;
	width:100%;
	height:30px;
	resize:none;
	outline:none;
	font-size:20px;
	font-family:tahoma;
}
#content .mid_content_test .content_test_typing .white textarea{
	color:#7ad26b;
}
/*learning*/
#content #top_content_test .bnt_top_left_learning{
	float:left;
}
#content #top_content_test .bnt_top_right_learning{
	float:right;
}
#content #top_content_test a{
	margin:0 5px;
}
.btn_76_26{
    background: url("../images/bnt_learing_auto.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 23px;
    text-align: center;
    width: 76px;
	font-size:18px;
}
.btn_76_26_active, .btn_76_26:active{
	 background: url("../images/bnt_learing_auto_active.png") no-repeat scroll 0 0 transparent;
}
.bnt_medium{
    background: url("../images/bnt_medium.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    text-align: center;
    width: 128px;
	font-size:14px;
}
.bnt_medium:active{
	background: url("../images/bnt_medium_hover.png") no-repeat scroll 0 0 transparent;
}
.bnt_medium_2{
    background: url("../images/bnt_medium_2.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    text-align: center;
    width: 110px;
	font-size:14px;
}
.bnt_medium_2:active{
	background: url("../images/bnt_medium_2_hover.png") no-repeat scroll 0 0 transparent;
}
#content .content_learning{
	position:relative;
	float:left;
}
#content .content_learning .keyboard{
	position:absolute;
	right:0;
	top:20px;
	width:150px;
}
#content .content_learning .keyboard .kb_sh a{
	font-size:15px;
	padding-right:12px;	
	color:#000;
}
#content .content_learning .keyboard .kb_sh a.up{
	background:url(../images/arrow_kb.png) no-repeat right 8px;
}
#content .content_learning .keyboard .kb_sh a.down{
	background:url(../images/arrow_kb_down.png) no-repeat right 8px;
}

#content .content_learning .keyboard ul{
	float:left;
}
#content .content_learning .keyboard ul li{
	padding: 0 0 0 30px;
}
#content .content_learning .keyboard ul li a{
	color:#000;
}
#content .content_learning .keyboard ul li a img{
	position:relative;
	top:6px;
	padding-right:5px;
}
#content .content_learning .keyboard ul li a.key_sp img, #content .content_learning .keyboard ul li a.key_sp span{
	position:relative;
	left:-20px;
}
#content .content_learning .content_cart_learning{
	background: url("../images/bg_cart_learning.png") no-repeat scroll 0 0 transparent;
	width:544px;
	height:238px;
	margin:120px auto 0;
	position:relative;
}
#content .content_learning .content_cart_learning a.bnt_prev{
	background: url("../images/prev.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    left: -55px;
    position: absolute;
    top: 105px;
    width: 24px;
}
#content .content_learning .content_cart_learning a.bnt_prev:hover{
	background: url("../images/prev_hover.png") no-repeat scroll 0 0 transparent;
}
#content .content_learning .content_cart_learning a.bnt_next{
	background: url("../images/next.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 24px;
    right: -50px;
    position: absolute;
    top: 105px;
    width: 24px;
}
#content .content_learning .content_cart_learning a.bnt_next:hover{
	background: url("../images/next_hover.png") no-repeat scroll 0 0 transparent;
}
#content .content_learning .content_cart_learning .bg_knew{
	 background: none repeat scroll 0 0 #CFCFCF;
    bottom: -33px;
    color: #6F6F6F;
    height: 34px;
    left: 195px;
    position: absolute;
    width: 145px;
    z-index: 3;
}
#content .content_learning .content_cart_learning .bg_knew span.text{
	float: left;
    padding: 10px;
}
#content .content_learning .content_cart_learning .bg_knew span.check_visible{
	background: url("../images/check_visible.png") no-repeat scroll 0 0 transparent;
	width:22px;
	height:23px;
	display: inline-block;
	margin: 5px 10px;
	float:right;
}
#content .content_learning .content_cart_learning .bg_knew span.check{
	background: url("../images/check.png") no-repeat scroll 0 0 transparent;
	width:22px;
	height:23px;
	display: inline-block;
	margin: 5px 10px;
	float:right;
}

#list_left{
	position:absolute;
	left:0;
	top:150px;
}
#list_left #content_list{
	position:relative;
	height:380px;
	width:0px;
	background:#f5f5f5;
	border-radius: 0px 10px 10px 0px;
	box-shadow: 3px 3px 3px 0 #CDCCCC;
}
#list_left #content_list .title{
	background: none repeat scroll 0 0 #00CCFF;
    border-radius: 0 10px 0 0;
    font-size: 14px;
    padding: 6px 10px;
    text-align: center;
}
#list_left #content_list #show_hide{
	width:100%;
	height:340px;
	display:none;
}
#list_left #content_list #box_list{
	height:100%;
	width:100%;
	overflow:auto;
	margin-top:5px;
}
#list_left #content_list #box_list ul{
	margin-left:25px;
	display:inline;
	float:left;
}
#list_left #content_list #box_list ul li{
	background: none repeat scroll 0 0 #EFEFEF;
    float: left;
    padding: 6px 5px;
    width: 105px;
	position:relative;
}
#list_left #content_list #box_list ul li:hover{
	background: #a9eeff !important;
}
#list_left #content_list #box_list ul li a.text_list{
	width:100%;
	color:#000;
	display:inline-block;
}
#list_left #content_list #box_list ul li a.delete_list{
	width:16px;
	height:16px;
	position:absolute;
	top:4px;
	right:2px;
	background:url(../images/close_test_show.png);
	display:none;
}
#list_left #content_list #buttonshow{
	position:absolute;
	right: -22px;
    top: 155px;
}
#list_left #content_list .hide{
	background:url(../images/learning_left_show.png);
	width:27px;
	height:94px;
}
#list_left #content_list .show{
	background:url(../images/learning_left_show_2.png);
	width:20px;
	height:94px;
}
#list_left #content_list #box_list .lb-v-scrollbar{
	left:10px !important;
	width:1px !important;
}
#list_left #content_list #box_list .lb-h-scrollbar{
	display:none !important;
}


